<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
	<title>忘记密码</title>
	<style>
	*{
		margin: 0;
		padding: 0;
	}
		body{
         width: 100%;
         height: 100%;
         background: url('/resources/images/login.png');
         background-size: 100%;
         background-repeat: no-repeat;
		}
		.login_box{
			width: 80%;
			height: 300px;
			margin: 0 auto;
			margin-top: 100px;
		}
		.login_dis{
			width: 100%;
			height: 40px;
			border: 1px solid #fff;
			border-radius: 5px;
			display: flex;
			margin-bottom: 30px;
		}
		.login_dis_img{
			width: 20%;
			height: 40px;
			text-align: center;
		}
		.login_dis_img img{
			width: 20px;
			height: 20px;
			margin-top: 10px;
		}
		.login_dis_input{
			width: 90%;
			height: 40px;
		}
		.login_dis_input input{
			width: 100%;
			height: 40px;
			border: none;
			outline: none;
			background: none;
			color: #fff;
		}
		.login_dis_input input::-webkit-input-placeholder{
			color: #fff;
		}
		.login_btn{
			width: 70%;
			height: 40px;
			text-align: center;
			line-height: 40px;
			background-color: #3284a9;
			color: #fff;
			border-radius: 5px;
			margin: 0 auto;
			margin-top: 20px;
		}
		.login_text{
			text-align: right;
			line-height: 40px;
			font-size: 14px;
			margin-right: 20px;
		}
	</style>
	[#include "/includes/scripts.html" /]
</head>
<body>

	<div class="login_box">
		<div class="login_dis">
			<div class="login_dis_img"><img src="/resources/images/shouji.png" alt=""></div>
			<div class="login_dis_input"><input type="text" id="phone" name="phone" placeholder="请输入手机号"></div>
		</div>
		<div class="login_dis">
			<div class="login_dis_img"><img src="/resources/images/mima.png" alt=""></div>
			<div class="login_dis_input" style="width:42%"><input type="text" id="code" name="code" placeholder="请输入验证码"></div>
			<div class="item-input">
				<a href="javascript:timeoutRegister()" class="" id="reg_code" style="color:#fff;text-decoration: none;line-height: 30px;display: inline-block;width:100px;height:30px;text-align: center;margin-top: 5px;border-radius: 16px;font-size: 12px;background-color: #63bde6">获取验证码</a>
			</div>
		</div>
		<div class="login_dis">
			<div class="login_dis_img"><img src="/resources/images/mima.png" alt=""></div>
			<div class="login_dis_input"><input type="text" id="password" name="password" placeholder="请输入密码"></div>
		</div>
		<div class="login_dis">
			<div class="login_dis_img"><img src="/resources/images/mima.png" alt=""></div>
			<div class="login_dis_input"><input type="text" id="rePassword" name="rePassword" placeholder="请再次输入密码"></div>
		</div>

		<div class="login_btn" id="login_btn" onclick="resetPwd()">修改</div>
		<input type="hidden" id="type" name="type" value="1">
	</div>
</body>
</html>